<template>
    <div style="width: 100%">
        <div id="deawer">
            <v-tableTitle :btnConfig="btnConfig" @cancel="cancel"></v-tableTitle>
            <div class="detailBox">
                <v-detail ref="detail"></v-detail>
            </div>
            <div class="detailListBox">
                <v-detailList ref="detailList"></v-detailList>
            </div>
        </div>
    </div>

</template>

<script>
    import baseMixin from "@/mixins/BaseMixin";
    import skipMixin from "@/mixins/SkipMixin";

    import tableTitle from "commons/TableTitle";
    import detail from "../details/Detail"
    import detailList from "../detailsList/DetailList"
    import table from "commons/Table";
    import bus from "../../../../../bus/bus";

    export default {
        name: "",
        mixins: [baseMixin, skipMixin],
        data() {
            return {
                flag: false,
                btnConfig: [
                    {label: this.$t('common.return'), invalid: "cancel"},
                ],
            };
        },

        created() {
        },
        methods: {
            cancel() {
                this.$router.push({name: "poQuery"});
            },
        },
        mounted() {
        },
        watch: {},
        components: {
            "v-tableTitle": tableTitle,
            "v-detail": detail,
            "v-detailList": detailList,
            "v-table": table
        }
    }
</script>

<style scoped>

</style>
